<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/inc/taglib.inc" %>
<%@ include file="/WEB-INF/inc/script.inc" %>
<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<base href="${base}">
    <title>中金通 | 系统设置</title>
    
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
    <!-- FooTable -->
   <!--  <link href="css/plugins/footable/footable.core.css" rel="stylesheet"> -->
    <!-- Data Tables -->
    <link href="css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
    <link href="css/plugins/dataTables/dataTables.responsive.css" rel="stylesheet">
    <link href="css/plugins/dataTables/dataTables.tableTools.min.css" rel="stylesheet">
    <link href="css/plugins/jsTree/style.min.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
	<link href="css/setting/switchery.min.css" rel="stylesheet" />
    <link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet">
    <link href="js/plugins/jquery-ui/jquery-ui.min.css" rel="stylesheet">
 <style type="text/css">
.datepicker{
	z-index: 3000;
}
.modal{
	z-index: 10;
}
.ui-autocomplete {
			z-index: 11111;
		}
.detail-title{
        	font-size:15px;
        	font-weight:bold;
        }
</style>
</head>

<body >

    <div id="wrapper">

    	<!-- 左侧菜单 -->
        <jsp:include page="/WEB-INF/jsp/common/main-menu.jsp"></jsp:include>

        <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom">
        <!-- 头部工具栏区 -->
        <jsp:include page="/WEB-INF/jsp/common/main-header.jsp"></jsp:include>
        </div>
            <div class="row wrapper border-bottom white-bg page-heading">
                <div class="col-lg-10">
                    <h2>系统设置</h2>
                    <ol class="breadcrumb">
                        <li>
                            <a href="common/platform">Home</a>
                        </li>
                        <li class="active">
                            <a>基础设置</a>
                        </li>
                    </ol>
                </div>
                <div class="col-lg-2">

                </div>
            </div>

        <div class="row" style="margin-top:10px;">
        <div class="col-md-12">
        	<div class="tabs-container">
	        <ul class="nav nav-tabs">
	            <li class="active">
					<a href="setting/list">
						 PAD基础设置
					</a>
				</li>
	        </ul>
		<div class="tab-content">
              <div class="tab-pane active">
                  <div class="panel-body">
                      <div class="wrapper wrapper-content animated fadeInRight ecommerce">
		<form action="list" id="queryForm" name="queryForm" method="post" class="myform">
                <div class="row">
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="control-label" for="date_added">支付设置</label><br/><br/>
                            <div class="input-group date">
                             		&nbsp;&nbsp;&nbsp;   是否开通线下支付: &nbsp;
                             		<input type="checkbox"  class="js-switch js-check-click" id="offlinePay" onClick="SettingCheckboxClick(this.id);"
	                             		 <c:choose>
										   		<c:when test="${offlinePay == true}">checked</c:when>
										 </c:choose>
                             		/> 
                            </div>
                            
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="control-label" for="date_added"></label>
                            <div class="input-group date">
                             		&nbsp;&nbsp;&nbsp;   是否需要申请开通: &nbsp; 
                             		<input type="checkbox" class="js-switch_t js-check-click_t" id="askForOfflinePay" onClick="SettingCheckboxClick(this.id);"
	                             		<c:choose>
										   		<c:when test="${askForOfflinePay == true}">checked</c:when>
										</c:choose>
                             		/>
                             		<label style="color:red;font-size:10pt;margin-left:210px;margin-top:-20px;width:2000px;">如果选择是，理财师需要在pad端申请开通，在订单管理审核通过之后pad端才会显示“银联转账”和“柜台打款”两种支付方式。如果选择否，pad端付款直接显示“银联转账”和“柜台打款”</label>
                            </div>
                        </div>
                    </div>
                </div>
		</form>
		  </div>
	     </div>
	    </div>
	   </div>
	  </div>
	</div>
        </div>
        
        <div class="row" style="margin-top:10px;">
        <div class="col-md-12">
        	<div class="tabs-container">
	        <ul class="nav nav-tabs">
	            <li class="active">
					<a href="setting/list">
						 订单回访设置
					</a>
				</li>
	        </ul>
		<div class="tab-content">
              <div class="tab-pane active">
                  <div class="panel-body">
                      <div class="wrapper wrapper-content animated fadeInRight ecommerce">
		<form action="list" id="queryForm" name="queryForm" method="post" class="myform">
                <div class="row">
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="control-label" for="date_added">订单回访设置</label><br/><br/>
                            <div class="input-group date">
                             		&nbsp;&nbsp;&nbsp;   是否开通订单回访: &nbsp;
                             		<input type="checkbox"  class="js-switch_o js-check-click_o" id="orderRevisit" onClick="SettingCheckboxClick(this.id);"
	                             		 <c:choose>
										   		<c:when test="${orderRevisit == true}">checked</c:when>
										 </c:choose>
                             		/> 
                            </div>
                            
                        </div>
                    </div>
                </div>
		</form>
		  </div>
	     </div>
	    </div>
	   </div>
	  </div>
	</div>
        </div>
        
        <div class="row" style="margin-top:10px;">
        <div class="col-md-12">
        	<div class="tabs-container">
	        <ul class="nav nav-tabs">
	            <li class="active">
					<a href="setting/list">
						 微官网基础设置
					</a>
				</li>
	        </ul>
		<div class="tab-content">
              <div class="tab-pane active">
                  <div class="panel-body">
                      <div class="wrapper wrapper-content animated fadeInRight ecommerce">
				<div class="row">
                    <div class="col-sm-12">
                        <div class="form-group">
                        	<div class="col-sm-5">
							<label class="control-label" for="employeeName">当前默认理财师:&nbsp;&nbsp;&nbsp;${employee.name}</label>
							<c:if  test="${employee.name == null}">
							<label style="color:red;font-size:10pt;margin-left: 100px;margin-top: -23px;width:2000px;">选取默认理财师后才能出现微官网地址</label>
							</c:if>
							</div>
							<div class="col-sm-4">
		                         <button class="btn btn-primary" id="queryBtn" type="button">更换</button>
		                    </div>
						</div>
                    </div>
                </div>
				<c:if  test="${employee.name != null}">
				<div class="hr-line-dashed"></div>
				<div class="row" id="microDiv">
					<div class="col-md-12">
						<div class="form-group">
                    		<div class="col-sm-4">
							<label class="control-label" id="${org.microCode}" name="microCode" for="microWebsite">微官网地址:${microWebsitePrefix}${org.microCode}</label>
							</div>
							<div class="col-sm-1">
		                         <button class="btn btn-primary" id="copyButton" type="button">复制</button>
		                    </div>
		                    <div class="col-sm-2">
		                         <button class="btn btn-primary" id="view" type="button">在线预览</button>
		                    </div>
						</div>
                    </div>
                </div>
                </c:if>
		  </div>
	     </div>
	    </div>
	   </div>
	  </div>
	</div>
        </div>
        
        <!-- 分配页面 -->
		<div class="modal inmodal" id="distributionModal" tabindex="-1" role="dialog"
			aria-hidden="true">
			<div class="modal-dialog modal-md">
				<div class="modal-content animated fadeIn">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal">
							<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
						</button>
						<h4 class="modal-title">设置默认理财师</h4>
					</div>
					<div class="modal-body">
						<div id="distributionBody"></div>
						<form action="" class="ibox-content p-xl" id="setDefaultEmployeeForm">
							<div class="row">
									<div class="form-group">
										<div class="col-sm-3">
										<label class="detail-title">选取理财师:</label>
										</div>
										<div class="col-sm-6">
										<input type="text" id="employeeSearch"
											value="" placeholder="理财师姓名" class="ui-autocomplete-input form-control" autocomplete="off">
										<input type="text" id="employeeId" name="employeeId"
											value="" placeholder="理财师姓名"  style="display:none;" class="ui-autocomplete-input form-control" autocomplete="off">
										</div>
									</div>
							</div>
                        </form>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-white" data-dismiss="modal">取消</button>
						<button type="submit" class="btn btn-primary" id="distributionConfirm">确认</button>
					</div>
				</div>
			</div>
		</div>
        
        <div class="modal inmodal" id="myModal" tabindex="-1" role="dialog" aria-hidden="true"  style="z-index:10;">
                <div class="modal-dialog">
                    <div class="modal-content animated fadeIn">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
                            </button>
                            <h4 class="modal-title">发送通知</h4>
                    </div>
                    <div class="modal-body" style="height:300px;">
                   		 <form method="post" id="sendForm" enctype="multipart/form-data" action="investor/doAdd" class="form-horizontal">
                    		<div class="form-group"><label class="col-sm-2 control-label"><br/>
                                <small class="text-navy">发送对象</small></label>
                                <div class="col-sm-8">
                                    <div><br/><label> <input type="radio"  value="1"  name="type">PC端</label></div>
                                    <div><label> <input type="radio" checked="" value="2"  name="type">Pad端</label></div>
                                </div>
                            </div>
                            <div class="form-group has-success"><label class="col-sm-2 control-label">通知内容</label>
                                <textarea type="text" style="resize:none;height:180px;width:410px;font-family:inherit;" id="message" name="message" class="form-control"></textarea>
                            </div>
                            <div style="diasplay:none;" class="alert alert-danger display-hide" >
								通知长度必须在1至1024个字符之间
							</div> 
                          </form>  
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-white" data-dismiss="modal" id="btn_close_send">取消</button>
                        <button type="button" class="btn btn-primary" id="btn_send_message">保存</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal inmodal " id="myDetail" tabindex="-1" role="dialog" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content animated fadeIn">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
                            </button>
                            <h4 class="modal-title">通知详情</h4>
                    </div>
                    <div class="modal-body" style="height:300px;">
                    		<div class="form-group has-success"><label class="col-sm-2 control-label">发送对象</label>
                                	<span type="text" disabled id="send_object"></span>
                            </div>	
                            <div class="form-group has-success"><label class="col-sm-2 control-label">通知内容</label>
                                <textarea type="text" readonly style="resize:none;height:180px;width:80%;font-family:inherit;" id="message_detail" ></textarea>
                            </div>
                            <div class="form-group has-success"><label class="col-sm-2 control-label">发送时间</label>
                            	<span id="create_time" type="text" disabled ></span>
                            </div>
                    </div>
                    <div class="modal-footer">
                    </div>
                </div>
            </div>
        </div>
        <!-- 底部版权 -->
        <jsp:include page="/WEB-INF/jsp/common/main-footer.jsp"></jsp:include>

        </div>
        </div>



    <!-- Mainly scripts -->
   
    <script src="js/jquery-2.1.1.js"></script>
    <script src="js/jquery-ui-1.10.4.min.js"></script>
    <script src="js/plugins/validate/jquery.validate.min.js"></script>
    <script src="js/plugins/jeditable/jquery.jeditable.js"></script>
	<script src="js/jquery.serialize-object.min.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="js/plugins/datapicker/bootstrap-datepicker.js"></script>
	<script src="js/plugins/daterangepicker/daterangepicker.js"></script>
	<script src="js/plugins/jquery-ui/jquery-ui.min.js"></script>
	
    <!-- Custom and plugin javascript -->
    <script src="js/inspinia.js"></script>
    <script src="js/plugins/pace/pace.min.js"></script>
	<script src="js/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
    
    <!-- Data picker -->
    <script src="js/plugins/datapicker/bootstrap-datepicker.js"></script>
    
    <!-- Data Tables -->
    <script src="js/plugins/dataTables/jquery.dataTables.min.js"></script>
    <script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>
    <script src="js/plugins/dataTables/dataTables.responsive.js"></script>
    <script src="js/plugins/dataTables/dataTables.tableTools.min.js"></script>
     <!-- 业务js -->
    <script src="js/plugins/jsTree/jstree.min.js"></script>
    <script src="js/message/list.js?v=${jsVersion}"></script>
    <script src="js/investor/utils.js?v=${jsVersion}"></script>
    <script src="js/news/ZeroClipboard.js"></script>
    <script src="js/setting/setting.js?v=${jsVersion}"></script>
	<script src="js/setting/switchery.min.js"></script>
    <!-- Page-Level Scripts -->
    <script>	
        
    </script>

</body>

</html>
